<template>
  <div>
    <h1>App:{{ current }}页--每页{{ limit }}条</h1>
    <Pagination
      :current="current"
      @update:current="current = $event"
      :total="total"
      :limit="limit"
      @update:limit="limit = $event"
    />

    <hr />
    <Pagination :current.sync="current" :total="total" :limit.sync="limit" />
  </div>
</template>

<script>
import Pagination from "@/components/Pagination";
export default {
  name: "App",
  components: {
    Pagination,
  },
  data() {
    return {
      current: 1,
      total: 6,
      limit: 3,
    };
  },
};
</script>

<style></style>
